<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Day7课后作业</title>
	<style>
		span {
			user-select: none;
			/* color: red; */
		}
	</style>
	<script src="./rest.js"></script>
</head>

<body>
	<p>用户要求：名字只能包含数字、字母，数字不可以开头，长度不低于6，不长于20 [0-9 a-z A-Z]</p>
	<p>
		<label for="user">用户名</label>
		<input id="user" name="user" type="text">
		<span id="user_span"></span>
	</p>
	<p>密码6-12位 不能包含特殊字符 (弱 z/1/A 中 包含两种 强 包含三种)</p>
	<p>
		<label for="pwd">密码</label>
		<input id="pwd" name="pwd" type="password">
		<span id="pwd_span"></span>
	</p>
	<p>确认密码 两次输入相同</p>
	<p>
		<label for="repwd">确认密码</label>
		<input id="repwd" name="repwd" type="password">
		<span id="repwd_span"></span>
	</p>
	<p>随机4位验证码(点击切换验证码)</p>
	<p>
		<label for="code">验证码</label>
		<input id="code" name="code" type="text">
		<span id="random_code"></span>
		<span id="code_span"></span>
	</p>
	<button id="btn">注册</button>
</body>
<script>
	// 名字只能包含数字、字母，数字不可以开头，长度不低于6，不长于20   [0-9 a-z A-Z _$]
	// 密码6-12位  不能包含特殊字符 , 密码强弱(弱 z/1/A   中 包含两种   强 包含三种  超强 包含四种 )
	// 确认密码  两次输入相同
	// 随机4位验证码  （点击切换验证码）
	var btn = document.getElementById('btn')
	var userSpan = document.getElementById('user_span')
	var pwdSpan = document.getElementById('pwd_span')
	var repwdSpan = document.getElementById('repwd_span')
	var randomCode = document.getElementById('random_code')
	var codeSpan = document.getElementById('code_span')
	//验证码获取赋值
	setRanCode(randomCode)
	randomCode.onclick = function () {
		setRanCode(randomCode)
	}
	//点击注册
	btn.onclick = function () {
		//判断用户名是否正确
		// 名字只能包含数字、字母，数字不可以开头，长度不低于6，不长于20   [0-9 a-z A-Z _$]
		var user = document.getElementById('user').value
		judgeUserName(user)
		//判断密码是否正确
		// 密码6-12位  不能包含特殊字符 , 密码强弱(弱 z/1/A   中 包含两种   强 包含三种  超强 包含四种 )
		var pwd = document.getElementById('pwd').value
		judgePassWorld(pwd)
		//判断两次密码是否一致
		// 确认密码  两次输入相同
		var repwd = document.getElementById('repwd').value
		judgeRePassWorld(repwd)
		// 随机4位验证码  （点击切换验证码）
		var code = document.getElementById('code').value
		judgeCode(code)
		//判断是否全部输入正确 进行跳转
		if (judgeUserName(user) + judgePassWorld(pwd) + judgeRePassWorld(repwd) + judgeCode(code) == 4) {
			//判断跳转
			location.href = 'https://www.baidu.com'
		}
	}






</script>

</html>